<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>

<script type="text/javascript">
    	function loadChgPhoto() {
    		$("#divChgPhoto").load("maphoto.html");
    	}
    </script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../style/styletdbemprunts.css" />
<title>Tableau de bord - eSharing</title>
</head>

<body>

	<div class="topbarcontenu">
		<div>
			<span class="logo"><img src="../images/ElecSharing-D5.png" /></span> <span
				class="toplink">Bienvenue, <a href="monagenda.jsf"><h:outputText value = "#{mbConnexion.propConnecte.prop.nomUtilisateur}" /></a> | <h:outputLink action = "#{mbConnexion.deconnecter}" >Déconnexion</h:outputLink><br /></span> <span class="topbarrechercher">
				<h:form style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;" class="recherchepages">
					<h:inputText value="#{mbRecherche.motCleRecherche}" id = "cetaem" class="textrecherche" maxlength = "80" />
					<h:commandButton type="submit" id="btnrechercher" value="Rechercher" style="background-color:#779e14 ;color:white" action="#{mbRecherche.rechercher()}" />
				</h:form>
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> <h:form id="parrainer">
					<input type="text" id="cetaem" class="mailfilleul" maxlength="80"
						placeholder="Adresse mail" />
					<input type="submit" id="btnparrain" value="Parrainer un ami !" style="background-color:#779e14 ;color:white" />
				</h:form>
			</span>
		</div>
	</div>

	<div style="background-color:#FFFFFF">
  
	    <span id = "lienblanc"> </span>
	    <span id = "lienPanier" style = "float:right; margin-right:10px;"><a href = "../../panier.jsf" style ="color: #990000">Panier</a></span><span id = "lienblanc" style = "float:right; margin-right:10px;"> </span>
	    <span id = "lienMonActivite" style = "float:right; margin-right:10px;"><a href = "#" style ="color: #990000">Mon Activite</a></span><span id = "lienblanc" style = "float:right; margin-right:10px;"> </span>
	    <span id = "lienAlertes" style = "float:right; margin-right:10px;"><a href = "#" style ="color: #990000">Alertes</a></span><span id = "lienblanc" style = "float:right; margin-right:10px;"> </span>
	    <span id = "lienMessagerie" style = "float:right; margin-right:10px;"><a href = "../messagerie/messageinbox.xhtml" style ="color: #990000">Messagerie</a></span>
  
	</div>

	<p></p>

  <div class = "liens" style="background-color:#F2F2F2 ">
  
      <ul class = "lienlist">
        <li>
          <a href = "" style ="color: #707070">Mon compte</a>
          <ul>
            <li>
              <a href = "../maphoto.jsf" onclick = "loadChgPhoto()" style ="color: #707070">Ma photo</a>
            </li>
            <li>
              <a href = "../mesinfospersonnelles.jsf" style ="color: #707070">Mes informations personnelles</a>
            </li>
            <li>
              <a href = "../mesconges.jsf" style ="color: #707070">Mes congés</a>
            </li>
             <li>
              <a href = "../changermonmotdepasse.jsf" style ="color: #707070">Changer mot de passe</a>
            </li>
         </ul>
        </li>
        <li>
          <a href = "../parcaem.jsf" style ="color: #707070">Mon parc d'appareils</a>
        </li>
        <li>
          <a href = "../monagenda.jsf" style ="color: #707070">Mon agenda</a>
          <ul>
            <li>
              <a href = "../prets.jsf" style ="color: #707070">Mes prêts</a>
            </li>
            <li>
              <a href = "../emprunts.jsf" style ="color: #707070">Mes emprunts</a>
            </li>
            <li>
              <a href = "../mesconges.jsf" style ="color: #707070">Mes congés</a>
            </li>
          </ul>
        </li>
        <li>
          <a href = "" style ="color: #707070">Ma messagerie</a>
          <ul>
            <li>
              <a href = "../messagerie/messageinbox.jsf" style ="color: #707070">Messages reçus</a>
            </li>
            <li>
              <a href = "../messagerie/messageoutbox.jsf" style ="color: #707070">Messages envoyés</a>
            </li>
          </ul>
        </li>
        <li>
          <a href = "../monsolde.jsf" style ="color: #707070">Mon solde</a>
        </li>
        <li>
          <a href = "" style ="color: #707070">Mes parrainages</a>
          <ul>
            <li>
              <a href = "../mesfilleuls.jsf" style ="color: #707070">Mes filleuls</a>
            </li>
            <li>
              <a href = "../parrainer.jsf" style ="color: #707070">Parrainer</a>
            </li>
          </ul>
        </li>
      </ul>
  
  </div>
  
  <div id = "pagecontenu">
  
  
    <h2 style="color:#FF9900" align="center">Prêts</h2>
      <div id="menuEmprunt">
      
      <ul class="ongletsTransactions">
      
        <li class="active">
        
          <a href = "">Prêts validés</a>
          
          <ul>
          
            <li><a href="pretstermines.jsf">Prêts terminés</a></li>
            <li><a href="pretsencours.jsf">Prêts en cours</a></li>
            <li><a href="pretsavenir.jsf">Prêts à venir</a></li>
          
          </ul>
          
        </li>
        
        <li>
        
          <a href = "">Prêts non aboutis</a>
          
          <ul>
          
            <li><a href="pretsannules.jsf">Prêts annulés</a></li>
            <li><a href="pretsrefuses.jsf">Prêts refusés</a></li>
          
          </ul>
          
        </li>
    
        <li>
        
          <a href = "pretsnonvalides.jsf">Prêts non validés</a>
          
        </li>
    
      </ul>

    </div>
  
      <div id="Pretsannules">
      <!-- <table>
      	<thead>
      		<tr>
        		<th>Date de début</th>
        		<th>Date de fin</th>
        		<th>Type de l'appareil</th>
        		<th>Marque de l'appareil</th>
        		<th>Nom de l'emprunteur</th> 
        	</tr>
        </thead>
        <tr>
          <td><h:outputLabel value="#{mbPretAnnules.dateDebut}" />20/12/2013</td>
           <td><h:outputLabel value="#{mbPretAnnules.dateFin}" />21/12/2013</td>
            <td><h:outputLabel value="#{mbPretAnnules.typeAppareil}" />Aspirateur</td>
             <td><h:outputLabel  value="#{mbPretAnnules.marqueAppareil}" />Space Dandy</td> 
             <td><h:outputLabel value="#{mbPretAnnules.nomEmprunteur}" />Harlock</td>
        </tr>  
      </table> -->
       <h:form>
       
      <f:view>
    
    	<rich:panel>
		  	
          <f:facet name = "header">Prêts annulés</f:facet>
		  		
          <h:dataTable class = "tabEmps" rowClasses = "clickable" value = "#{mbPretAnnules.pretsAnnules}" var = "unPretAnnule" >
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Date de début" />
              </f:facet>
              <a href = "../ficheemprunt.jsf"><h:outputText value = "#{unPretAnnule.dateDebut}" /></a>
		  				
            </h:column>
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Date de fin" />
              </f:facet>
              <a href = "../ficheemprunt.jsf"><h:outputText value = "#{unPretAnnule.dateFin}" /></a>
		  				
            </h:column>
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Type de l'appareil" />
              </f:facet>
              <a href = "../ficheemprunt.jsf"><h:outputText value = "#{unPretAnnule.aem.typeAem.typeAem}" /></a>
		  				
            </h:column>
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Marque de l'appareil" />
              </f:facet>
              <a href = "../ficheemprunt.jsf"><h:outputText value = "#{unPretAnnule.aem.marque.marque}" /></a>
		  				
            </h:column>
		  			
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Emprunteur" />
              </f:facet>
              <a href = "../ficheemprunt.jsf"><h:outputText value = "#{unPretAnnule.proprietaire.nomUtilisateur}" /></a>
		  				
            </h:column>
            
            <h:column>
		  			
              <f:facet name = "header">
                <h:outputText value = "Pourquoi ?" />
              </f:facet>
              <a href = "../ficheemprunt.jsf"><h:outputText value = "#{unPretAnnule.motivationAnnulation.choixMotivationAnnulation}" /></a>
		  				
            </h:column>
            
		  			
          </h:dataTable>
				
        </rich:panel>
        
       </f:view>
      </h:form>
    	
      </div>
  
  </div>
  
  
 <div id = "goodies">
  
      <ul  style = "float:right"><!--id="sociallinks"-->
        <li>
		<!--<span>-->
		<!--<img id="sociallinks" src="images/rond_fb.png"/>-->
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="../../images/rond_fb.png"/></a><!--</span>-->
        </li>
        <li>
          <!--<a href="@sadfdsafdfd" style ="color: #707070">TW</a>-->
		  <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="../../images/rond_tw.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="../../images/rond_google_plus.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="../../images/Ico-RSS.ico"/></a>
        </li>
      </ul>
  
  </div>

	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> | <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>


</body>

</html>
  